<script setup>

import {ref, defineEmits} from 'vue'

const emit = defineEmits(['previous'])
const previous = () => {
   emit('previous')
}

</script>

<template>

  <div class="previous">
    <div @click="previous">Previous</div>
  </div>

</template>

<style scoped>

.previous {
  display:flex;
  justify-content: flex-start;
}

.previous:hover {
  cursor: pointer;
}

</style>